//头部logo
@color_CA141D:#CA141D;
@color_333:#333;
li{
    list-style: none;
}
*{
    padding: 0px;
    margin: 0px;
    font-size: 12px;
    font-family: 'Open Sans', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 微软雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif;
}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 400;
}
img{
    border: none;
}
a{
    text-decoration: none;
    color: #8c8c8c;
    &:hover{
        color: #ca151e;
    }
}
.ahover(){
     &:hover{
        color: #ca151e;
        text-decoration: underline;
    }
}
.page_top_nav_long{
    .sj(){
        display: inline-block;
        width: 7px;
        height: 4px;
        background: url(../images/sprites3.png);
        position: absolute;
        top: 12px;
        right: -4px;
        transition: transform 0.2s ease-in 0.1s;
    }
    width: 100%;
    height: 30px;
    background: #fafafa;
    line-height: 29px;
    font-family: arial,"微软雅黑";
    a{
        color: #8C8C8C;
        cursor: pointer;
        text-decoration: none;
    }
    .page_top_nav{
        width: 1200px;
        height: 30px;
        margin: 0 auto;
        .page_top_nav_l li{
            float: left;
            padding: 0px 10px;
            background: transparent url("../images/bg65.png") no-repeat scroll 0% 0%;
            background-position: 0px 9px;
            .s-dropdown{
                margin: 0px -10px;
                position: relative;
                display: block;
                .app_h{
                    position: relative;
                    height: 29px;
                    padding: 0px 27px 0px 10px;
                    i{
                        background: transparent url("../images/sprites3.png") no-repeat scroll 0% 0%;
                        position: absolute;
                        right: 10px;
                        top: 50%;
                        margin-top: -2px;
                        width: 7px;
                        height: 4px;
                        line-height: 0;
                        background-position: -34px 0px;
                        transition: transform 0.2s ease-in 0.1s;
                    }
                    &:hover i{
                        transform: rotate(180deg);
                    }
                }
            }
        }
        
        .page_top_nav_r{
            float: right;
            li{
                float: left;
                line-height: 30px;
                .page_top_nav_r_a{
                    padding: 0 10px;
                    border-right: 1px solid #C8C8C8;
                }
                .navigation{
                    padding-right: 10px;
                    padding-left: 10px;
                }
                .sprites{
                    .sj;
                }
            }
            .login{
                a{
                    color: #333;
                    &:hover{
                            color: #ca151e;
                        }
                }
            }
            .s-user{
                float: left;
                padding: 0px 10px;
                background: transparent url("../images/bg65.png") no-repeat scroll 0% 0%;
                background-position: 100% 9px;
                .s-dropdown {
                    margin: 0px -10px;
                    position: relative;
                    display: block;
                    .h {
                        min-width: 98px;
                        text-align: right;
                        white-space: nowrap;
                        position: relative;
                        padding: 0px 27px 0px 10px;
                        height: 29px;
                        .link-user {
                            color: #333;
                        }
                        .vip-state {
                            #vip-Active{
                                color: #8C8C8C;
                                i{
                                    position: relative;
                                    top: -1px;
                                    display: inline-block;
                                    width: 16px;
                                    height: 16px;
                                    vertical-align: middle;
                                    background: transparent url("../images/icon35.png") no-repeat scroll 0% 0%;
                                    background-position: 0px 0px;
                                }
                            }
                        }
                        s {
                        position: absolute;
                        right: 10px;
                        top: 50%;
                        margin-top: -2px;
                        width: 7px;
                        height: 4px;
                        line-height: 0;
                        background: transparent url("../images/sprites3.png") no-repeat scroll 0% 0%;
                        background-position: -34px 0px;
                        transition: transform 0.2s ease-in 0.1s;
                        }
                    }
                    .b {
                        color: #8B8B8B;
                        line-height: 1.2;
                        padding: 0px 10px;
                        padding-top: 7px;
                        padding-bottom: 10px;
                        white-space: nowrap;
                        display: none;
                        position: absolute;
                        left: 0px;
                        right: 0px;
                        top: 29px;
                        background-color: #FFF;
                        border-width: 1px;
                        border-style: solid;
                        border-color: #FFF #EDEDED #EDEDED;
                        border-image: none;
                    }
                    &:hover .h{
                        border-left: 1px solid #EDEDED;
                        border-right: 1px solid #EDEDED;
                        background-color: #FFF;
                        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
                    }
                    &:hover .b{
                        display: block;
                        border-left: 1px solid #EDEDED;
                        border-right: 1px solid #EDEDED;
                        background-color: #FFF;
                        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
                    }
                }
                &:hover s{
                    transform: rotate(180deg);
                }
                a:hover{
                    color: #CA151E;
                    text-decoration: none;
                }
            }
            .navigation_li{
                position: relative;
                &:hover .sprites{
                    transform: rotate(180deg);  
                    }
            }
        }
    }
}
//logo，搜索，我的购物车
.header_long{
    width: 100%;
    height: 118px;
    .header{
        width: 1200px;
        height: 113px;
        margin: 0 auto;
        .logo{
            width: 345px;
            height: 36px;
            padding-top: 43px;
            float: left;
        }
        .search{
            width: 432px;
            height: 36px;
            padding: 43px 7px 0px 0px;
            float: left;
            .form_body{
                width: 428px;
                height: 28px;
                border: 2px solid @color_CA141D;
                #search_text{
                    width: 344px;
                    height: 18px;
                    padding: 5px 10px;
                    border: none;
                    float: left;
                }
                #searcg_botton{
                    width: 64px;
                    height: 28px;
                    float: left;
                    border: none;
                    cursor: pointer;
                    font-family: "Tahoma",微软雅黑;
                    font-size: 14px;
                    color: #FFFFFF;
                    text-align: center;
                    background: @color_CA141D;
                }
            }
            .search_keywords{
                width: 365px;
                padding: 3px 0px 0px 1px;
                b{
                    font-weight: 400;
                    color: #999;
                    margin-right: 4px;
                }
                a{
                    color: #999;
                    margin-right: 12px;
                    &:hover{
                        color: @color_CA141D;
                        text-decoration: underline;
                    }
                }
            }
        }
        .header_toolbar{
.header_bb(){
    height: 30px;
    border-bottom: 1px solid #E5E5E5;
    float: left;
    text-align: center;
    line-height: ;
}
.header_toolbar_hover(){
    &:hover{
        color: #E01D20;
        text-decoration: underline;
    }
}
            width: 197px;
            height: 31px;
            margin-top: 43px;
            background: #fff;
            border-image: none;
            border-width: 1px 1px 0px;
            border-style: solid solid none;
            border-color: #E5E5E5;
            float: left;
            .header_my_shop{
                float: left;
                .i-mall {
                    position: relative;
                    z-index: 416;
                    .h {
                        width: 99px;
                        position: relative;
                        height: 18px;
                        padding: 6px 0px;
                        cursor: pointer;
                        border-bottom: 1px solid #E5E5E5;
                        background-color: #FFF;
                        z-index: 416;
                        a{
                            margin-left: 21px;
                            line-height: 18px;
                            color: @color_333;
                        }
                        i {
                            display: inline-block;
                            vertical-align: middle;
                            width: 6px;
                            height: 3px;
                            font-size: 1px;
                            line-height: 1px;
                            background: transparent url("../images/icon1.png") no-repeat scroll 0% 0%;
                            background-position: -234px -2px;
                            margin-left: 7px;
                        }
                        s {
                            position: absolute;
                            width: 1px;
                            height: 12px;
                            top: 9px;
                            background-color: #E5E5E5;
                            left: -1px;
                        }
                    }
                }
                
            }
            .header_my_shoppingcar{
                width: 98px;
                position: relative;
                .header_bb;
                .h {
                    width: 98px;
                    height: 18px;
                    padding: 6px 0px;
                    cursor: pointer;
                    position: relative;
                    border-bottom: 1px solid #E5E5E5;
                    background-color: #FFF;
                    z-index: 416;
//                  .header_toolbar_hover;
                    a{
                        position: relative;
                        margin-left: 15px;
                        line-height: 18px;
                        color: @color_333;
                        span {
                            position: absolute;
                            height: 15px;
                            line-height: 15px;
                            padding: 0px 2px;
                            background-color: #CA141D;
                            right: -5px;
                            top: -19px;
                            color: #FFF;
                            vertical-align: top;
                            font-family: Arial,Helvetica,sans-serif;
                            em{
                                font-style: normal;
                                font-weight: 400;
                            }
                            b {
                                position: absolute;
                                width: 6px;
                                height: 3px;
                                background: transparent url("../images/icon1.png") no-repeat scroll 0% 0%;
                                background-position: -250px 0px;
                                bottom: -3px;
                                right: 4px;
                                font-size: 1px;
                                line-height: 1px;
                            }
                        }
                    }
                    i {
                        display: inline-block;
                        vertical-align: middle;
                        width: 6px;
                        height: 3px;
                        font-size: 1px;
                        line-height: 1px;
                        background: transparent url("../images/icon1.png") no-repeat scroll 0% 0%;
                        background-position: -234px -2px;
                        margin-left: 7px;
                    }
                    s {
                        position: absolute;
                        width: 1px;
                        height: 12px;
                        top: 9px;
                        background-color: #E5E5E5;
                        left: -1px;
                    }
                }
                
                .header-toolbar-minicart-content{
                    width: 466px;
                    right: -1px;
                    top: 30px;
                    position: absolute;
                    z-index: 413;
                    overflow: hidden;
                    border: 1px solid #E5E5E5;
                    background-color: #FFF;
                    display: none;
//                  如果购物车是空的
                    .minicart-pro-empty {
                        text-align: center;
                        color: #999;
                        padding: 41px 0px;
                        line-height: 1.5;
                        .icon-minicart {
                            display: inline-block;
                            padding: 5px 0px 5px 48px;
                            background-position: -265px 0px;
                        }
                    }
                    .minicart-pro-list{
                        .minicart-pro-item {
                            border-bottom: 1px solid #EAEAEA;
                            padding: 0px 23px 15px 15px;
                            margin-top: 15px;
                            vertical-align: top;
                            height: 81px;
                            .p-img {
                                float: left;
                                width: 80px;
                                img {
                                    vertical-align: top;
                                    width: 80px;
                                    height: 80px;
                                }
                            }
                            .p-name{
                                float: left;
                                width: 283px;
                                padding: 4px 0px 0px 15px;
                                margin-bottom: 18px;
                                a{
                                    display: block;
                                    height: 36px;
                                    line-height: 18px;
                                    overflow: hidden;
                                }
                            }
                            .p-status {
                                float: left;
                                width: 283px;
                                padding-left: 15px;
                                .p-price {
                                    float: left;
                                    line-height: 19px;
                                    b {
                                        color: #E01D20;
                                        font-weight: 400;
                                        font-family: Arial,Helvetica,sans-serif;
                                    }
                                    em {
                                        color: #888;
//                                      margin: 0px 7px;
                                    }
                                    span {
                                        color: #888;
                                        font-family: Arial,Helvetica,sans-serif;
                                    }
                                }
                                .p-tags {
                                    float: right;
                                }
                            }
                            .icon-minicart-del {
                                margin-top: -18px;
                                float: right;
                                display: inline-block;
                                width: 13px;
                                height: 13px;
                                font-size: 1px;
                                line-height: 1px;
                                background: transparent url("../images/icon1.png") no-repeat scroll 0% 0%;
                                background-position: -115px -47px;
                                text-indent: 100%;
                                white-space: nowrap;
                                overflow: hidden;
                                transition: transform 0.3s ease-in 0.1s;
                                &:hover{
                                    transform: rotate(180deg);
                                }
                            }
                            
                        }
                    }
//                  购物车总计
                    .minicart-pro-settleup {
                        position: relative;
                        margin-top: -1px;
                        background-color: #FAFAFA;
                        padding: 22px 0px 22px 24px;
                        height: 37px;
                        p {
                            line-height: 37px;
                            text-align: left;
                            em {
                                color: #E01D20;
                                font-size: 18px;
                                margin: 0px 4px;
                                position: relative;
                                top: 1px;
                                font-family: Arial,Helvetica,sans-serif;
                            }
                            b {
                                    font-weight: 400;
                                    font-size: 18px;
                                    color: #E01D20;
                                    margin-left: 4px;
                                    position: relative;
                                    top: 1px;
                                    font-family: Arial,Helvetica,sans-serif;
                            }
                        }
                        .button-minicart-settleup {
                            display: inline-block;
                            border: 1px solid #E01D20;
                            background-color: #E01D20;
                            color: #FFF;
                            font-size: 16px;
                            width: 130px;
                            height: 35px;
                            text-align: center;
                            line-height: 35px;
                            position: absolute;
                            right: 22px;
                            top: 22px;
                            &:hover{
                                background-color: #E64A4D;
                            }
                        }
                    }
                }
//              hover购物车最外面的div，
                &:hover .h{
                    border-style: solid solid none;
                    border-color: #E5E5E5;
                    margin-left: -1px;
                    margin-top: -1px;
                    border-width: 1px 1px 0px;
                    height: 19px;
                }
                &:hover .header-toolbar-minicart-content{
                    display: block;
                }
                
            }
        }
        .header-qrcode{
            width: 91px;
            height: 96px;
            padding-top: 17px;
            float: right;
        }
    }
}
//logo下面的导航
.navigation_long{
    width: 100%;
    height: 40px;
    background: @color_CA141D;
    position: relative;
        .navigation{
         width: 1200px;   
         height: 40px;
         margin: 0 auto;
        .navigation_l{
            position: absolute;
            top: 0px;
            width: 218px;
            height: 38px;
            border-width: 1px;
            border-style: solid;
            border-color: #F86675;
            background-color: #E63547;
            p{
                line-height: 40px;
                color: #FFFFFF;
                text-indent: 15px;
                font-size: 16px;
            }
        }
        .navigation_r{
            width: 981px;
            height: 40px;
            float: right;
            .navigation_r_hover{
                float: left;
                line-height: 38px;
                &:hover{
                    background: #D9141E;
                }
                a{
                    font-size: 16px;
                    padding: 0 30px;
                    color: #fff;
                }
            }
        }
    }
}
//二级菜单开始
.category_box{
    width: 1200px;
    height: 400px;
    margin: 0 auto;
    position: relative;
    .category_box_l{
        width: 218px;
        height: 399px;
        border-left: 1px solid #F86675;
        border-right: 1px solid #F86675;
        border-bottom: 1px solid #F86675;
        background: #E63547;
        position: absolute;
        top: 0px;
        left: 0px;
        .category_item{
            width: 218px;
            height: 57px;
            position: relative;
            .category-info{
                padding: 9px 0px 8px 4px;
                margin-left: 4px;
                height: 40px;
                transition: all 0.6s ease 0s;
                .category_title{
                    padding-bottom: 1px;
                    font-size: 16px;
                    color: #fff;
                    width: 214px;
                    display: inline-block;
                }
                a{
                    color: #FFB7BA;
                    margin-left: 8px;
                    font-size: 13px;
                }
                .category_second{
                    transition: all 0.6s ease 0s;
                    &:hover{
                        color: black;
                    }
                }
            }
            &:hover .category-info{
                background-color: #FCF7F7;
                width: 211px;
            }
            &:hover .category_title{
                color: #E63547;
            }
            &:hover a{
                color: #BC737A;
            }
//          移入li右侧div
            .category-panels{
                display: none;
                position: absolute;
                z-index: 30;
                left: 219px;
                width: 179px;
                border-width: 1px 1px 1px 0px;
                border-style: solid solid solid none;
                border-color: #EFEAEA;
                -moz-border-top-colors: none;
                -moz-border-right-colors: none;
                -moz-border-bottom-colors: none;
                -moz-border-left-colors: none;
                border-image: none;
                background-color: #FCF7F7;
                top: 0px;
                padding: 10px 0px;
                li {
                    vertical-align: top;
                    a {
                        display: block;
                        padding-left: 30px;
                        line-height: 37px;
                        font-size: 14px;
                        color: #666;
                    }
                    &:hover{
                        background-color: #EFEAEA;
                    }
                    &:hover a{
                        color: #E63547;
                    }
                    
                }
            }
            &:hover .category-panels{
                display: block;
            }
        }
    }
//  轮播图
    .category_shuffling{
        width: 980px;
        height: 400px;
        float: right;
        position: relative;
        overflow: hidden;
        .shuffling_long{
            width: 10000px;
            height: 400px;
            position: absolute;
            top: 0px;
            left: 0px;
            li{
                height: 400px;
                float: left;
            }
        }
        .shuffling_touch{
            position: absolute;
            top: 380px;
            left: 420px;
            li{
                float: left;
                width: 15px;
                    height: 15px;
                    border-radius: 10px;
                    background-color: #3A3C40;
                    opacity: 0.2;
                    margin-left: 5px;
                    cursor: default;
            }
        }
//      左右点击
        a{
           
        }
        .click{
            position: absolute;
            display: inline-block;
            width: 50px;
            height: 100px; 
            background-color: #000000;
            opacity: 0.2;
            top: 140px;
            text-align: center;
            line-height: 100px;
            font-size: 34px;
            cursor: default;
            display: none;
        }
        .click_left{
            left: 0px;
            border-radius: 0px 10px 10px 0px;
        }
        .click_right{
            right: 0px;
            border-radius: 10px 0px 0px 10px;
        }
    }
}
//二级菜单结束
.hot_sell_box{
        width: 1200px;
        height: 664px;
        margin: 20px auto;
        .hot_sell_mian{
            width: 902px;
            height: 664px;
            float: left;
            li{
                margin-top: ;
                width: 451px;
                height: 310px;
                float: left;
                margin-bottom: 20px;
                .hot_sell_item{
                    width: 442px;
                    height: 302px;
//                  padding: 4px;
                    border: 4px solid #EBE9E9;
//                  background-color: #F8F8F8;
                    position: relative;
                    transition: all 0.3s ease 0s;
                    .hot_img{
                        width: 156px;
                        height: 252px;
                        padding: 24px 30px 0px 24px;
                        float: left;
                    }
                    .hot_name{
                        margin: 61px 32px 0px 0px;
                        width: 200px;
                        float: left;
                        a{
                            font-size: 26px;
                            &:hover{
                              text-decoration: underline;
                            }
                        }
                    }
                    .hot_des{
                        width: 200px;
                        height: 78px;
                        float: left;
                        margin: 16px 32px 5px 0px;
                        font-size: 15px;
                        line-height: 22px;
                        min-height: 78px;
                    }
                    .hot_price{
                        height: 35px;
                        padding-right: 12px;
                        line-height: 29px;
                        float: left;
                        font-family: Arial;
                        color: #E01D20;
                        em{
                            font-size: 24px;
                            line-height: 32px;
                            margin-right: 5px;
                            font-style: normal;
                            font-weight: 400;
                        }
                        span{
                            line-height: 32px;
                            font-size: 24px;
                            margin-right: 4px;
                        }
                    }
                    .hot_botton{
                        float: left;
                        a{
                            display: inline-block;
                            width: 78px;
                            height: 30px;
                            font-size: 14px;
                            text-align: center;
                            border-width: 1px;
                            border-style: solid;
                            border-radius: 3px;
                            line-height: 28px;
                            background-color: #D81B24;
                            color: #fff;
                            border-color: #B3131A;
                        }
                    }
                }
                &:hover .hot_sell_item{
                    border-color: #EFCACC;
                }
            }
        }
        .announcement{
            width: 276px;
            height: 642px;
            float: right;
            ul{
                .announcement_adv{
                    border: 1px solid #DFDFDF;
                    width: 276px;
                    height: 310px;
                    margin-bottom: 20px;
                }
                .announcement_news{
                    width: 276px;
                    height: 158px;
                    border: 1px solid #DFDFDF;
                    float: left;
                    .an_news_title{
                        .an_news_title_t{
                            display: inline-block;
                            width: 50%;
                            height: 30px;
                            float: left;
                            line-height: 30px;
                            text-align: center;
                            color: #838181;
                            background-color: #FCF7F7;
                            font-size: 14px;
                        }
                        .news_bgcolor{
                            background-color: #fff;
                        }
                    }   
                    .an_news_content{
                        width: 249px;
                        height: 100px;
                        float: left;
                        padding: 13px 10px 0px 17px;
                        li{
                            height: 20px;
                            white-space:nowrap;
                            overflow: hidden;
                            text-overflow:ellipsis;
                            a{
                                
                                padding-left: 10px;
                                background: url(../images/icon28.png) no-repeat;
                                background-position: -12px 6px;
                                &:hover{
                                    text-decoration: underline;
                                }
                            }
                        }
                    }               
                }
                .announcement_banner{
                    float: left;
                    width: 278px;
                    height: 132px;
                    margin-top: 20px;
                }
            }
        }
    }

//中间的广告
.banner-slideshow{
    width: 1200px;
    height: 160px;
    margin: 0 auto;
    margin-bottom: 20px;
}
//一楼
.floor{
    width: 1200px;
    height: 700px;
    margin: 0 auto;
    margin-bottom: 20px;
    .floor_top{
        width: 1200px;
        height: 20px;
        padding-bottom: 10px;
        h2{
            float: left;
            border-left: 4px solid #C82C2C;
            padding-left: 7px;
            line-height: 1.1;
           
            a{
                 font-size: 18px;
                 font-weight: 700;
                 color: #333;
                 &:hover{
                     color: #E01D20;
                 }
            }
        }
        em{
            float: left;
            display: inline;
            font-size: 14px;
            color: #777;
            margin-left: 10px;
            position: relative;
            top: 1px;
            font-style:normal;
            font-weight:400;
        }
        .channel-nav{
            float: right;
            li{
                display:inline-block;
                font-size:13px;
                padding-left:20px;
                a{
                    color:#978679;
                    &:hover{
                        color: #E01D20;;
                    }
                }
            }
        }
        
    }
    .floor_content{
.floor_item_pb(){
    float: left;
    padding: 4px;
    border: 4px solid blue;

}
        width: 1200px;
        height: 646px;
        .floor_item1{
            width: 50%;
            float: left;
            .channel-pro-panels{
                background-color:#DFDFDF;
                padding: 1px 4px 4px 1px;
                margin: 0px -1px -1px 0px;
                position: relative;
                .pro-info{
                    background-color: #FFFFFF;
                    border-color: #F6F6F6;
                    text-align: left;
                    height: 314px;
                    border: 4px solid #F6F6F6;
                    margin: 0px -3px -3px 0px;
                    transition: all 0.3s ease 0s;
                    position: relative;
                    .p-img{
                        padding: 44px 48px 0px 30px;
                        float: left;
                        width: 222px;
                        a{
                            width: 222px;
                            margin: 0px auto;
                            display: block;
                            position: relative;
                            img{
                                vertical-align: top;
                            }
                        }
                    }
                    .p-name{
                        margin-top: 54px;
                        margin-left: 0px;
                        margin-right: 32px;
                        line-height: 1.3;
                        height: auto;
                        overflow: hidden;
                        a{
                            font-size: 26px;
                            color: #333;
                            .ahover;
                        }
                    }
                    .p-shining{
                        margin: 6px 32px 13px 0px;
                        font-size: 15px;
                        line-height: 22px;
                        height: 92px;
                        overflow: hidden;
                    }
                    .p-slogan{
                        color: #777;
                        font-size: 15px;
                        line-height: 22px;
                        margin-bottom: 2px;
                    }
                    .p-price{
                        padding: 0px 12px 0px 0px;
                        float: left;
                        line-height: 29px;
                        font-family: Arial;
                        color: #E01D20;
                        em{
                            margin-right: 5px;
                            line-height: 32px;
                            font-size: 24px;
                            font-style: normal;
                            font-weight: 400;
                        }
                        span{
                            margin-right: 5px;
                            line-height: 32px;
                            font-size: 24px;
                        }
                    }
                    .p-button{
                        float: left;
                        a{
                            background-color: #D81B24;
                            color: #FFF;
                            border-color: #B3131A;
                            display: inline-block;
                            font-size: 14px;
                            width: 78px;
                            text-align: center;
                            border-width: 1px;
                            border-style: solid;
                            border-radius: 3px;
                            height: 30px;
                            line-height: 28px;
                        }
                    }
                    
                }
                &:hover .pro-info{
                    border-color: #EDC9CB;
                }
            }
        }
        .floor_item2{
           width: 25%;
           float: left;
           .channel-pro-panels{
               background-color: #DFDFDF;
               padding: 1px 4px 4px 1px;
               margin: 0px -1px -1px 0px;
               position: relative;
               .pro-info{
                   background-color: #FFFFFF;
                   border-color: #E2F9FB;
                   height: 314px;
                   border: 4px solid #E2F9FB;
                   margin: 0px -3px -3px 0px;
                   transition: all 0.3s ease 0s;
                   position: relative;
                   text-align: center;
                .p-img{
                    padding-top: 6px;
                    a{
                      width: 222px;
                      margin: 0px auto;
                      display: block;
                      position: relative;
                        img{
                            width: 222px;
                            height: 222px;
                            vertical-align: top;
                           }
                       }
                   }
                   .p-name{
                       height: 36px;
                       margin: 0px 32px 5px;
                       overflow: hidden;
                       a{
                           font-size: 14px;
                           line-height: 18px;
                           span{
                               color: #E01D20;
                           }
                       }
                   }
                   .p-price{
                       font-family: Arial;
                       color: #E01D20;
                       em{
                           margin-right: 4px;
                           font-size: 20px;
                           font-style: normal;
                           font-weight: 400;
                       }
                       span{
                           margin-right: 4px;
                           font-size: 20px;
                       }
                   }
                   .p-tag{
                        top: -4px;
                        left: -4px; 
                        position: absolute;
                        z-index: 5; 
                   }
                 }
                 &:hover .pro-info{
                    border-color: #EDC9CB;
                }
           }
           
        }
    }
}
//3楼下面的广告
.ad{
    width: 1200px;
    height: 160px;
    margin: 0 auto;
    margin-bottom: 40px;
}
//底部的分享区域
.bottom-follow{
    width: 100%;
    height: 223px;
    min-width: 1200px;
    margin-bottom: 50px;
    background: url(../images/bg51.jpg) no-repeat;
    background-position:50% 0px;
    .bottom-follow_r{
        width: 1200px;
        height: 242px;
        margin: 0 auto;
        ul{
           float: right;
           margin-top: -28px;
           li{
               width: 182px;
               padding: 8px 0px 0px 40px;
               position: relative;
           }
        }
    }
}

